<!-- 表格内容 BEGIN -->
<div class="table-margin">
    <div class="table-header">
      <table class="table table-bordered table-header">
        <thead>
          <tr>
            <td class="w5 text-center">
                <input type="checkbox" #event (click)="selectAll(event.checked, tabVal)" [checked]="isSelectAll">
            </td>
            <td class="w5 text-center">序号</td>
            <td class="w15 text-left">任务名称</td>
            <!-- <td class="w10 text-center">任务类型</td> -->
            <td class="w15 text-left">服务名称</td>
            <!-- <td class="w10 text-center">执行时间</td>
            <td class="w10 text-center">结束时间</td> -->
            <td class="w10 text-center">状态</td>
            <td class="w20 text-left">任务表达式</td>
            <td class="w10 text-left">说明</td>
            <td class="w10 text-left">操作</td>
          </tr>
        </thead>
      </table>
    </div>
    <div class="table-body">
      <table class="table table-bordered table-header">
        <tbody>
          <tr *ngFor="let val of tabVal; let  i = index;" [ngClass]="{'active':i%2!=0}">
            <td class="w5 text-center">
                <input type="checkbox" #event (click)="chose(event.checked, val.taskId, val.length)" [checked]="isChose">
            </td>
            <td class="w5 text-center">{{tableNumber+i+1}}</td>
            <td class="w15 text-left max-w" title="{{val.taskZhName}}">{{val.taskZhName}}</td>
            <!-- <td class="w10 text-center">
              <strong class="text-danger" *ngIf="val.type == 0">重复</strong>
              <strong class="text-success" *ngIf="val.type == 1">一次</strong>
            </td> -->
            <td class="w15 text-left max-w" title="{{val.taskName}}">
                {{val.taskName}}
              <!-- <strong class="text-muted" *ngIf="val.planTask == 0">没有任务</strong>
              <strong class="text-success" *ngIf="val.planTask == 1">商品上架</strong>
              <strong class="text-danger" *ngIf="val.planTask == 2">活动</strong>
              <strong class="text-info" *ngIf="val.planTask == 3">其他</strong> -->
            </td>
            <!-- <td class="w10 text-center">{{val.startTime | date:'yyyy-MM-dd'}}</td>
            <td class="w10 text-center">{{val.endTime | date:'yyyy-MM-dd'}}</td> -->
            <td class="w10 text-center">
              <strong class="text-success" *ngIf="val.taskStatus == 1">已开启</strong>
              <strong class="text-danger" *ngIf="val.taskStatus == 0">已关闭</strong>
              <!-- <strong class="text-danger" *ngIf="val.status == 3">已删除</strong>
              <strong class="text-info" *ngIf="val.status == 4">其他</strong> -->
            </td>
            <td class="w20 text-left max-w" title="{{val.cronExpress}}">{{val.cronExpress}}</td>
            <td class="w10 text-left max-w" title="{{val.remark}}">{{val.remark}}</td>
            <td class="w10 text-center icon-td">
              <span class="btn-i" title="详情" data-toggle="modal" data-target="#details" (click)="details(val)" *ngIf="right['task']['details']">
                <img width="14px" height="10px" src="assets/right-product/view.png">
              </span>
              <span class="btn-i" title="修改" data-toggle="modal" data-target="#update" (click)="details(val)" *ngIf="right['task']['update']">
                <img width="14px" height="14px" src="assets/right-product/edit.png">
              </span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
</div>
<!-- 表格内容 END -->

